<?php
session_start();
include_once('includes/serturista-context.php');
include_once('includes/config/validarSesion.php');

include('header.php');
?>
<body>
<script src="js/reservas.js"></script>
<link rel="stylesheet" href="assets/css/styles.css" />

	<div id="ver-hotel" title="Vista previa"></div>	
	<div id="confirm-eliminar-hotel" title="¿Desea eliminar el hotel?">
		<p>
			<span class="ui-icon ui-icon-alert"
				style="float: left; margin: 0 7px 20px 0; no-repeat 5px 8px;
				background: url(../../images/loading.gif)">
			</span>
			Si confirma no podrá recuperarlo.
		</p>
	</div>
	<div id="cargando" title="Un momento por favor">
		<p>
			<span class="ui-icon ui-icon-alert"	style="float: left; margin: 0 7px 20px 0;"></span>
			Espere un momento...
		</p>
	</div>
	<div id="mensaje" class="ui-state-highlight ui-corner-all" style="margin: 20px; padding: 0 .7em; display: none; font-size: 110%;">
		<p>
			<span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
			<strong>Información: </strong>
			<div id="texto"></div>
		</p>
	</div>
	<div id="tabs">
		<ul>
			<li><a href="#tabs-1">Reservas</a></li>
			<li><a href="#tabs-2">Cargar hotel</a></li>
		</ul>
		<div id="tabs-1">
			<div id="demo">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">
					<thead>
						<tr>
							<th>Código</th>
							<th>Pasajero</th>
							<th>Documento</th>
							<th>E-Mail</th>
							<th>Teléfono</th>
							<th>Paquete</th>
							<th>Fecha de reserva</th>
							<th>Estado</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
		<div id="tabs-2">
				<div class="formulario ui-corner-tl ui-corner-tr ui-helper-clearfix">				
				<form id="cargarhotel" action="hotel-add-update.php">
					<div class="campos">
						<div style="display: none"><input type="text" id="idHotel" name="idHotel" /></div>
						<div class="campo">
							<label>Nombre: </label>
							<input type="text" name="nombre" id="nombre" class="ui-autocomplete-input" autofocus required />
						</div>
						<div class="campo">
							<label>País: </label>
							<input type="text" name="pais" id="pais" class="ui-autocomplete-input" required/>
						</div>
						<div class="campo">
							<label>Ciudad: </label>
							<input type="text" name="ciudad" id="ciudad" class="ui-autocomplete-input" required/>
						</div>	
						<div class="campo">
							<label>Dirección: </label>
							<input type="text" name="direccion" id="direccion" class="ui-autocomplete-input"/>
						</div>
						<div class="campo">
							<label>Estrellas: </label>
							<input type="number" name="estrellas" id="estrellas" min="1" max="7">
						</div>
						<div class="campo">
							<label>Precio por noche: </label>
							<select name="unidadPrecio" id="unidadPrecio" style="width: 176px;"><option value="PES">$ (peso argentino)</option><option value="DOL">U$S (dolar estadounidense)</option><option value="EUR">€ (euro)</option></select>
							<input type="text" name="precio" id="precio" maxlength="8" class="ui-autocomplete-input" style="width: 50px;"/>
						</div>
					</div>
					<div class="clear"></div>
					<div class="caracteristicas ui-corner-tl ui-corner-tr ui-helper-clearfix">
						<div class="campo">
							<label style="color: #0078AE; width: 300px;">Descripción: </label>
						</div>
						<textarea name="descripcion" id="descripcion"></textarea>
					</div>
					<div class="clear"></div>
					
					<div class="caracteristicas ui-corner-tl ui-corner-tr ui-helper-clearfix">					
						<div class="campo">
							<label style="color: #0078AE; width: 300px;">Subir fotos (arrastrar las fotos hasta acá): </label>
						</div>
						<div id="dropbox">							
						</div>
						<script src="assets/js/jquery.filedrop.js"></script>
				        <script src="assets/js/script.js"></script>
					</div>

					<div class="clear"></div>
					<div class="botonera">
						<input type="reset" value="Cancelar" id="cancelar" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="width: 120px;" role="button" aria-disabled="false" />
						<button id="aceptar" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" onclick="javascript: agregarHotel();" style="width: 120px;" role="button" aria-disabled="false">
							<span class="ui-button-text">Aceptar</span>
						</button>
					</div>
					</form>
				</div>	
		</div>
	</div>
<?php include('footer.php'); ?>
</body>
</html>
